<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/sha256.min.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/Checkerboard.js"></script>
    <script type="text/javascript" src="js/battle.js"></script>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" type="text/css" href="css/login.css">
    <link rel="stylesheet" type="text/css" href="css/Checkerboard.css">
    <link rel="stylesheet" type="text/css" href="css/battle.css">
    <title>Z5COL BATTLE GROUND</title>
</head>
<body>
    <div id="bdy">
        <div id="divTitle">
            <div id="divIco" onclick="goHome()"></div>
            <label id="title">Z5C Online Battle Room</label>
            <div id="btnRollback" class="btn rbk hid">撤回棋子</div>
        </div>
        <hr id="goldHr">
        <div id="divMain">
            <label id="lblcfm" class="hid">等待对方确认战果...</label>
            <div id="blackReady" class="readyP piecesReady">
                <div id="blackReadyInner" class="pieceInner black readyInner"></div>
            </div>
            <div id="whiteReady" class="readyP piecesReady">
                <div id="whiteReadyInner" class="pieceInner white readyInner"></div>
            </div>
            <!-- label id="lookForward">敬请期待</label -->
            <!-- /////////////////////////////////////////////// -->
        </div>
        <div id="divSetting">
            <div id="divRoomSettings" class="top50">
                <label id="lblRoomSettingTitle">房间设定</label>
                <div class="divRoomSettingsInner">
                    <label class="lblRoomSettings">房间名</label>
                    <input type="text" id="txtRoomTitle" class="txtRoomSettings">
                </div>
                <div class="divRoomSettingsInner">
                    <label class="lblRoomSettings">密码</label>
                    <input type="text" id="txtRoomPassword" class="txtRoomSettings" placeholder="无需密码请留空">
                </div>
                <div class="divRoomSettingsInner">
                    <label class="lblRoomSettings">棋盘大小</label>
                    <input type="text" id="txtCBSize" class="txtRoomSettings" value="15">
                </div>
                <div class="divRoomSettingsInnerWatch">
                    <label class="lblRoomSettingsWatch">允许观看</label>
                    <input type="checkbox" id="chkWatchable" class="chkRoomSettingsWatch" checked="true">
                </div>
                <div id="divRoomSettingButtons" class="divRoomSettingsInner">
                    <div id="btnRoomOk" class="btnRoomSetting">OK</div>
                    <div id="btnRoomCancel" class="btnRoomSetting hid">Cancel</div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
